import styled from 'styled-components'

export const LoginContair = styled.div`
flex:1
`

export const LoginFrom = styled.div`
    margin:0 12%;
    .login_outer{
        height:.58rem;
        line-height:.58rem;
        text-align:center;
        font-size:.14rem;
        color:#999;
        position:relative;
        margin:0 10%;
        &:before{
            content: '';
            font-size: 0px;
            border-bottom: solid 1px #f5f5f5;
            position: absolute;
            top: 29px;
            left: 0px;
            width: 100%;
            z-index: -1;
        }
    }
    .login_content{
        input{
            width:100%;
            height:.36rem;
            background: #f5f5f5;
            font-size:.14rem;
            color:#999;
            text-align:left;
            text-indent:.21rem;
            border:none;
            border-radius:.2rem;
            margin-bottom:.18rem;
        }
        .tel_login{
            div{
                display:flex;
                a{
                    display:block;
                    width:.9rem;
                    height:.36rem;
                    line-height:.36rem;
                    margin-left:.1rem;
                    font-size: .14rem;
                    color: #feb2c5;
                    border:.01rem solid #feb2c5;
                    border-radius:.2rem;
                }
            }
        }
        .login_info{
            display:flex;
            justify-content:space-between;
            margin-bottom:.18rem;
            .login_style{
                color:#fe4070;
                padding-left:.07rem;
                font-size:.10rem;
            }
            .login_forgetpassword{
                color:#999;
                padding-right:.07rem;
                font-size:.10rem;
            }
        }
    }
`
